<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>京东购物车</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="header clearfix">
        <img src="img/logo.png" alt="">
        <h2>购物车</h2>
    </div>
    <div class="main">
        <div class="main-1">
            <span>全部商品 5</span>
        </div>
        <div class="main-2">
            <div class="hx"></div>
            <ul class="nav1 clearfix">
                <li class="li-1"><span>商品</span></li>
                <li><span>名称</span></li>
                <li class="li-2"><span>单价</span></li>
                <li><span>数量</span></li>
                <li class="li-3" id="li_2"><span>小计</span></li>
                <li><span>操作</span></li>
            </ul>
        </div>
        <div class="main-3">
            <div class="main-3-1">
                <ul class="clearfix">
                    <li><a href=""><img src="img/main-img1.png" alt=""></a></li>
                    <li class="li-1">
                        <span><img src="img/btn-1.png" alt=""> <img src="img/btn-2.png" alt=""> 美伦达 赣南济橙 &nbsp; 颜色：赣南济橙铂金果 3斤装</span>
                        <span>2017新上市 3斤装 铂金果</span>
                    </li>
                    <li class="li-2 price">￥
                        <span>25.80</span>
                    </li>
                    <li class="li-i">
                        <input type="text" value="1" class="num">
                        <span>有货</span>
                    </li>
                    <li class="li-3">
                        <h4 class="total">￥25.80</h4>
                        <span>1.68kg</span>
                    </li>
                    <li>
                        <span class="del">删除</span>
                    </li>
                </ul>
            </div>
            <div class="main-3-1">
                <ul class="clearfix">
                    <li><a href=""><img src="img/main-img1.png" alt=""></a></li>
                    <li class="li-1">
                        <span> <img src="img/btn-2.png" alt=""> 秘鲁进口精选蓝 &nbsp; 颜色：秘鲁蓝莓 4盒装</span>
                        <span>莓 4盒装 单盒约125g 新鲜水果</span>
                    </li>
                    <li class="li-2 price li-4">￥
                        <span>46.90</span>
                    </li>
                    <li class="li-i">
                        <input type="text" value="1" class="num">
                        <span>有货</span>
                    </li>
                    <li class="li-3">
                        <h4 class="total">￥46.90</h4>
                        <span>1.25kg</span>
                    </li>
                    <li>
                        <span class="del">删除</span>
                    </li>
                </ul>
            </div>
            <div class="main-3-1">
                <ul class="clearfix">
                    <li><a href=""><img src="img/main-img1.png" alt=""></a></li>
                    <li class="li-1">
                        <span> <img src="img/btn-2.png" alt=""> 欢乐果园 广西青皮芒果 2个 &nbsp; 颜色：青皮芒 2粒 尝鲜装</span>
                        <span>装 单果约260g以上 新鲜水果</span>
                    </li>
                    <li class="li-2 price li-5">￥
                        <span>10.90</span>
                    </li>
                    <li class="li-i">
                        <input type="text" value="1" class="num">
                        <span>有货</span>
                    </li>
                    <li class="li-3">
                        <h4 class="total">￥10.90</h4>
                        <span>0.75kg</span>
                    </li>
                    <li>
                        <span class="del">删除</span>
                    </li>
                </ul>
            </div>
            <div class="main-3-1">
                <ul class="clearfix">
                    <li><a href=""><img src="img/main-img1.png" alt=""></a></li>
                    <li class="li-1">
                        <span> <img src="img/btn-2.png" alt=""> 爱奇果 新疆库尔勒香梨 约 &nbsp; 颜色：2.5kg单果约120-150g</span>
                        <span>2.5kg 当季新果 特级装 单果约120-</span>
                    </li>
                    <li class="li-2 price li-6">￥
                        <span>39.90</span>
                    </li>
                    <li class="li-i">
                        <input type="text" value="1" class="num num1">
                        <span>有货</span>
                    </li>
                    <li class="li-3">
                        <h4 class="total">￥39.90</h4>
                        <span>2.6kg</span>
                    </li>
                    <li>
                        <span class="del">删除</span>
                    </li>
                </ul>
            </div>
            <div class="main-3-1">
                <ul class="clearfix">
                    <li><a href=""><img src="img/main-img1.png" alt=""></a></li>
                    <li class="li-1">
                        <span> <img src="img/btn-2.png" alt=""> 宏辉果蔬 苹果 烟台红富士 &nbsp; 颜色：12粒75mm红富士</span>
                        <span>12个 单果约75mm 总重2.1kg 新鲜</span>
                    </li>
                    <li class="li-2 price li-7">￥
                        <span>34.90</span>
                    </li>
                    <li class="li-i">
                        <input type="text" value="1" class="num">
                        <span>有货</span>
                    </li>
                    <li class="li-3">
                        <h4 class="total">￥34.90</h4>
                        <span>2.1kg</span>
                    </li>
                    <li>
                        <span class="del">删除</span>
                    </li>
                </ul>
            </div>

        </div>
        <div class="main-4 clearfix">
            <p><span class="sp-1">总价：</span><span class="sp-2"  id="all">￥158.40</span></p>
        </div>
    </div>
</body>
<script src="js/script.js"></script>
</html>
